@charset "utf-8";
/* CSS Document */
html, body, div, span,p,a,em,img,form,label,input,a,textarea{margin: 0;padding: 0;border: 0;box-sizing:border-box;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea{-webkit-appearance: none;}
body {color:#333;font-size:28px;font-family:"microsoft yahei",arial;line-height:1.7em;-webkit-text-size-adjust:none;}
em{font-style: normal;}
body,a,img{outline:none;blr:expression(this.onFocus=this.blur());}
.clearfix:after{ display: block; clear: both; content:"";visibility:hidden;height:0}/*IE8及以上*/
.clearfix{ zoom:1}/*IE7及以下*/
.fl{display:block;float:left;}
body,html{height:100%;}
img{border:none;max-width:100%;}
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } 
.wrapper{background:#fdfcfc;min-height:100%;max-width:750px;margin:0 auto;-webkit-overflow-scrolling:touch;padding-bottom:30px;}
.join-a{background:#fb704c;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#fff;font-size:32px;margin:10px auto 15px;padding:20px 0;text-align:center;width:70%;}
.detail-t{border-bottom:1px solid #333;color:#333;text-align:center;font-size:30px;margin:0 auto 30px;width:70%;}
.detail-t span{background:url(http://66xiaoqu.babytreeimg.com/app/images/inviteReward/title_bg.png) no-repeat left ,url(http://66xiaoqu.babytreeimg.com/app/images/inviteReward/title_bg.png) no-repeat right center;background-color:#fdfcfc;background-size:auto 30%;padding:0 30px;position:relative;top:25px;}
.rule-list{margin:30px auto;width:86%;}
.num{color:#fb704c;background:#ffea75;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:40px;text-align:center;line-height:40px;font-weight:bold;margin-right:25px;width:40px;}
.text{max-width:88%;}
.text img{vertical-align: middle;margin:0 30px 0 10px;width:10%;}
.gift-p1{padding-top:10px;}
.gift-p2{padding-top:6px;}

@media only screen and (max-width: 640px) {
	body{font-size:16px;line-height:1.5em;}
	.join-a{font-size:20px;padding:10px 0;}
	.detail-t{font-size:18px;}
	.num{height:22px;line-height:22px;width:22px;margin-right:10px;}
	.rule-list{margin:15px auto;}
	.text img{margin:0 10px 0 5px;width:12%;}
	.detail-t span{padding:0 15px;top:11px;}
}

